<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="d" uri="/WEB-INF/resource.tld"%>
<!DOCTYPE html>
<html lang="zh-CN">

<head>

<%@ include file="/WEB-INF/include/meta.jsp"%>
<%@ include file="/WEB-INF/include/css.jsp"%>

</head>
<!-- end header -->
<body>
  <div class="page-group">
    <div class="page page-current moyu-page">

      <div class="content">
        <!-- Slider -->
        <div class="swiper-container" data-space-between='10'>
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <img src="${ctx.resource}/image/moyu/moyu-4.jpg?v=001" alt="">
            </div>
            <div class="swiper-slide">
              <img src="${ctx.resource}/image/moyu/moyu-3.jpg?v=001" alt="">
            </div>
            <div class="swiper-slide">
              <img src="${ctx.resource}/image/moyu/moyu-2.jpg?v=001" alt="">
            </div>
            <div class="swiper-slide">
              <img src="${ctx.resource}/image/moyu/moyu-1.jpg?v=001" alt="">
            </div>
          </div>
          <div class="title-area">
            <div class="price-area">
              <h3><span>￥</span>99.90</h3>
            </div>
            <div class="clearfix">
              <h3 class="sku-title pull-left">人马君 乐在美味即食魔芋拌面（肽+） 轻卡低热量 减脂餐 魔芋面主食品方便即食速食</h3>
              <p class="share-btn pull-right">分享</p>
            </div>
            <div class="small-area clearfix">
              <p class="pull-right">销量：<span>123</span></p>
            </div>
          </div>
          <div class="moyu-gray"></div>
          <div class="moyu-info clearfix">
            <p class="pull-left gray"><span>运费：</span>包邮</p>
            <p class="pull-right gray" style="padding-right: 10px;">剩余：99</p>
          </div>
          <div class="moyu-gray"></div>
          <div class="moyu-info clearfix">
            <p class="pull-left gray">服务：</p>
            <p class="pull-left" style="padding-left: 0px;">收货后结算 · 快递发货</p>
          </div>
          <div class="moyu-info clearfix">
            <p class="pull-left gray">选择：</p>
            <p class="pull-left"  style="padding-left: 0px;">规则 · 口味</p>
          </div>
          <div class="moyu-gray"></div>
          <div class="description-area">
          <img src="https://prod.qiniu.fit-start.edoomath.com/4_moyu_01.png" alt="" />
          <img src="https://prod.qiniu.fit-start.edoomath.com/4_moyu_02.png" alt="" />
          <img src="https://prod.qiniu.fit-start.edoomath.com/4_moyu_03.png" alt="" />
          <img src="https://prod.qiniu.fit-start.edoomath.com/4_moyu_04.png" alt="" />
          <img src="https://prod.qiniu.fit-start.edoomath.com/4_moyu_05.png" alt="" />
          <img src="https://prod.qiniu.fit-start.edoomath.com/4_moyu_06.png" alt="" />
          <img src="https://prod.qiniu.fit-start.edoomath.com/4_moyu_07.png" alt="" />
          <img src="https://prod.qiniu.fit-start.edoomath.com/4_moyu_08.png" alt="" />
          <img src="https://prod.qiniu.fit-start.edoomath.com/4_moyu_09.png" alt="" />
          <img src="https://prod.qiniu.fit-start.edoomath.com/4_moyu_10.png" alt="" />
          <img src="https://prod.qiniu.fit-start.edoomath.com/4_moyu_11.png" alt="" />
          <img src="https://prod.qiniu.fit-start.edoomath.com/4_moyu_12.png" alt="" />
          <img src="https://prod.qiniu.fit-start.edoomath.com/4_moyu_13.png" alt="" />
          </div>
        </div>
      </div>
      <!-- End Content -->
      <nav class="bar bar-footer product-detail-footer">
        <a href="${ctx.host}/moyu/shop?amount=1&type=1" class="button button-fill button-buy" style="margin-right: 0px;">立即购买</a>
      </nav>
    </div>
  </div>

  <%@ include file="/WEB-INF/include/script.jsp"%>
  <d:resource type="script" root="${ctx.resource}/build" src="js/page/product/moyu-detail.js" />
  <script type="text/javascript">
      var jsConfig = JSON.parse('${wechatJsConfig}')
      require(['page/product/moyu-detail'], function(page) {
        page.init({
          jsConfig: jsConfig
        })
      })
    </script>

</body>
</html>